<%@ page contentType="text/html;charset=UTF-8" %>
<%@ page import="com.boxin.ims.modules.wechat.entity.Product" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html style="overflow-x:hidden;overflow-y:auto;"><head>
<title>邯郸微购物</title>		
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">        
<!-- Mobile Devices Support @begin -->
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
<meta content="no-cache" http-equiv="pragma">
<meta content="0" http-equiv="expires">
<meta content="telephone=no, address=no" name="format-detection">
<meta name="apple-mobile-web-app-capable" content="yes"> <!-- apple devices fullscreen -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="stylesheet" type="text/css" href="${ctxStatic }/shopping/common.css" media="all">
<link rel="stylesheet" type="text/css" href="${ctxStatic }/shopping/login.css" media="all">
<link rel="stylesheet" type="text/css" href="${ctxStatic }/shopping/home-menu-8.css" media="all">
<link rel="stylesheet" type="text/css" href="${ctxStatic }/shopping/font-awesome.css" media="all">
<script src="${ctxStatic}/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="${ctxStatic}/jquery-validation/1.11.0/jquery.validate.min.js" type="text/javascript"></script>
<script src="${ctxStatic}/jquery-validation/1.11.0/jquery.validate.method.min.js" type="text/javascript"></script>
<script type="text/javascript">
function showPassword(){
	var html=$("#show").html();
	if(html==='显示'){
		$("#password").attr("type","text");
		$("#show").html("隐藏");
	}
	if(html==='隐藏'){
		$("#password").attr("type","password");
		$("#show").html("显示");
	}
}

function submit(){
	$("#loginForm").submit();
}

$(document).ready(function() {
	$("#loginForm").validate({
	});
});
</script>
</head>

<body>
<div class="body">
 <header class="w-header" mon="type=header">
    <a class="arrow-wrap" href="javascript:history.back()" mon="content=back">
     <span class="arrow-left"></span>
    </a>
    <a href="index.html" class="home" mon="content=home"></a>
    <div class="text">登录</div>
  </header>

<article class="p-reg p-login-common">
<form id="loginForm" class="content phone-content j-content active" action="${ctxFront }/shopping/login" method="post">
  <div class="err-wrap j-err-wrap"></div>
  <input type="hidden" name="productId" value="${productId }">
  <div>
    <input type="tel" placeholder="请输入11位手机号码" class="j-input required" name="mobile" maxlength="20" autocomplete="off" value="${login_mobile }">
    <i class="j-clear-input"></i>
  </div>
  <div class="passwd">
    <input id="password"  type="password" placeholder="请输入您的密码，长度至少8位" class="j-input required" name="pwd" maxlength="32" autocomplete="off" value="" style="padding-right:0px;">
    <i class="j-clear-input"></i>
    <a id="show" href="javascript:showPassword();" class="show-passwd j-showpasswd">显示</a>
    <c:if test="${pwd ne null||!empty  pwd }"> <span>您的随机密码是：${pwd}</span></c:if>
  </div>
<span style="color:red;">${errormessage }</span>
</form>
</article>


<div class="p-reg-footer">

  <div class="btns clearfix" >
   <a href="javascript:submit();" class="btn" >登录</a>
  </div>
  <div class="btns clearfix" >
   <a href="${ctxFront }/shopping/toReg?uid=${uid}&wechatId=${wechatId}" class="btn" >注册</a>
  </div>
</div>

</div>
<jsp:include page="./footer.jsp"></jsp:include>
</body>
</html>
